<html>
<head>
<title>Earlybird Punchcard Application</title>
<style type="text/css">
*{margin:0;padding:0;}
body{font-family:Verdana, Arial, Helvetica, sans-serif;}
#main{background:#ddd; width:500px; margin-left:auto; margin-right:auto; margin-top:30px; border:1px solid #000;}
#main h1{font-size:25px; font-weight:normal; text-align:center; border-bottom:2px dotted #000; padding:5px;}
#main ul{font-size:15px; list-style-type:none; padding:10px; margin-left:50px}
#main heading{font-size 16px; list-style-type:none; padding:10px; margin-left:25px}
</style>
</head>
<body>
<div id="main">
<h1>Earlybird Punchcard Application</h1>
<br />
<heading>Employee</heading>
<ul>
<li><a href="/create_punch">Record Efforts</a></li>
<li><a href="/report?employee=current&project=*&earliest=*&latest=*&count_limit=15">My Recent Activity</a></li>
</ul>
<heading>Administrator</heading>
<ul>
<li><a href="/create_project">Create New Project</a></li>
<li><a href="/static/report.html">Generate Report</a></li>
<br />
</ul>
</div>
</body>
</html>